<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://s1.328888.xyz/2022/09/11/KbBfh.png" type="image/x-icon" />
    <title>商品详情</title>
</head>

<body>
    <div id="top">
        <div id="topW">
          <ul id="topWleft"></ul>
          <ul id="topWright">
            <li class="toggle">
              <a href="#" id="topLogin">您好, 请登录</a>
              <a href="#" id="topReg" style="color:#fc6232;">免费注册</a>
            </li>
            <li id="bow">
              <a href="#" class="clear" >注销</a>
              <a href="#" id="bowReg" style="color:#fc6232;"></a>
            </li>
            <li class="spacer"></li>
            <li><a href="">个人中心</a></li>
            <li class="spacer"></li>
            <li><a href="">咸鱼会员</a></li>
            <li class="spacer"></li>
            <li><a href="http://localhost:81/">服务中心</a></li>
            <li class="spacer"></li>
            <li><a href="">交易流程</a></li>
            <li class="spacer"></li>
            <li id="appbox">
              <a href=""> <span class="iconfont icon-shouji"></span>手机咸鱼</a>
              <div id="appimg">
                <img src="https://s1.328888.xyz/2022/09/13/KtYLk.png" alt="app二维码">
              </div>
            </li>
          </ul>
        </div>
      </div>


    <div id="head">
        <div id="headW">
            <div id="headWlogo">
                <a href="index.html">
                    <img src="https://s1.328888.xyz/2022/09/11/KbG0s.png" alt="">
                </a>
            </div>
            <div id="headWsearch">
                <input type="text" placeholder="输入你想要查找的商品">
                <button type="submit"><span class="iconfont icon-sousuo"></span>搜索</button>
            </div>
            <div id="headWsale">出售闲置</div>
        </div>
    </div>


    <div id="adv">
        <img src="https://s1.328888.xyz/2022/09/13/KRAxi.jpg" alt="">
    </div>


    <div id="guide">
        <div id="guideW">
            <a href="index.html">首页</a>
            <span>></span>
            <a href="goods.html" id="kind">分类</a>
            <span>></span>
            <a href="#">商品</a>
        </div>
    </div>

    <div id="content">
        <div id="contentW">
            <div id="goodsimg" class="middle">
                <img src="https://s1.328888.xyz/2022/09/14/cTrwg.png" id="gimg">
            </div>
            <div class="bigbox">

            </div>
            <div id="goodsinfo">
                <div id="goodsinfoPush">
                    <h1>商品名称</h1>
                    <h3>商品成色</h3>
                    <p>商品描述</p>
                    <h2>商品价格</h2>
                </div>

                <h4>质量问题包邮退·售后专属服务</h4>

                <button class="infobtn1">我要出价</button>
                <button class="infobtn2">收藏</button>
                <button class="infobtn2">联系卖家</button>
                <br>
                <span> 温馨提示·支持7天无理由退货</span>
            </div>
        </div>
        <div id="contentM">
            <div id="assess">
                <div class="assessHead">用户留言</div>
                <div id="myass">
                    <img src="https://s1.328888.xyz/2022/09/15/cKMjX.png" alt="">
                    <div>
                        <textarea rows="5" cols="60" placeholder="输入评论"></textarea>
                        <p><button class="release">评论</button></p>
                    </div>
                </div>
                <div class="score">
                    <p>卖家真不错,虽然是二手商品但保养的和新的一样,没有任何问题,真的物超所值哟,关键态度还很好,大家快来他这淘宝吧!😄</p>
                    <p>楼上是拖,大家别信呵呵🤬</p>
                </div>

            </div>
            <div id="related">
                <div class="assessHead">猜你喜欢</div>
                <div class="habby">
                    <p>
                        <img src="./images/178049368-1663213363363.jpg" alt="">
                        <span class="flex">
                            <span>华为mate50 </span>
                            <span>几乎全新</span>
                            <span>￥4456</span>
                        </span>
                    </p>

                    <p>
                        <img src="./images/239803640-1663213372694.jpg" alt="">
                        <span class="flex">
                            <span>三星note20</span>
                            <span>轻微使用痕迹</span>
                            <span>2999</span>
                        </span>
                    </p>
                    <p>
                        <img src="./images/86164514-1663212867335.png" alt="">
                        <span class="flex">
                            <span>宝马525</span>
                            <span>明显使用痕迹</span>
                            <span>188000</span>
                        </span>
                    </p>
                </div>
            </div>
        </div>
    </div>



    <div id="bottom">
        <div id="bottomW1">
            <ul class="bottomList">
                <li class="bottomListFirst">购物指南</li>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>常见问题</li>
                <li>联系客服</li>
            </ul>
            <ul class="bottomList">
                <li class="bottomListFirst">配送方式</li>
                <li>菜鸟驿站</li>
                <li>配送查询</li>
                <li>海外配送</li>
                <li>上门自提</li>
            </ul>
            <ul class="bottomList">
                <li class="bottomListFirst">支付方式</li>
                <li>货到付款</li>
                <li>在线支付</li>
                <li>分期付款</li>
                <li>京东白条</li>
            </ul>
            <ul class="bottomList">
                <li class="bottomListFirst">售后服务</li>
                <li>售后政策</li>
                <li>价格保护</li>
                <li>退款说明</li>
                <li>取消订单</li>
            </ul>
            <ul class="bottomList">
                <li class="bottomListFirst">特色服务</li>
                <li>咸鱼会员</li>
                <li>咸鱼课堂</li>
                <li>商品免邮</li>
                <li>手机资讯</li>
            </ul>
        </div>
        <div id="bottomW2">
            <ul>
                <li>关于我们</li>
                <li>|</li>
                <li>联系我们</li>
                <li>|</li>
                <li>联系客服</li>
                <li>|</li>
                <li>合作招商</li>
                <li>|</li>
                <li>商家帮助</li>
                <li>|</li>
                <li>营销中心</li>
                <li>|</li>
                <li>手机咸鱼</li>
                <li>|</li>
                <li>友情链接</li>
                <li>|</li>
                <li>隐私政策</li>
            </ul>
        </div>
        <div id="bottomW3">
            <h6>Copyright © 2022 SaltedFish</h6>
        </div>


        <div id="bar">
            <div id="barShopcar" class="bars">
                <span class="iconfont icon-gouwuche" id="shopcar"></span>
            </div>
            <div id="barHelp" class="bars">
                <span class="iconfont icon-kefu"></span>
            </div>
            <div id="barTotop" class="bars">
                <span class="iconfont icon-xiangshang"></span>
            </div>
        </div>


        <div id="blackM"></div>

        <div id="ptp">
            <div id="ptpHead">
                <h1>发布商品</h1>
            </div>
            <div id="ptpBody">
                <form action="/api/goods/upload" method="post" enctype="multipart/form-data">
                  <div>
                    <label for="">商品名称: <input type="text" name="name" placeholder="输入商品名称"></label>
                  </div>
                  <div>
                    <label for="">商品描述: <input type="text" name="describe" placeholder="输入商品描述"></label>
                  </div>
                  <div>
                    <label for="">商品价格: <input type="text" name="price" placeholder="输入商品价格"></label>
                  </div>
                  <div>
                    <label for="">商品分类: <input type="text" name="classify" placeholder="输入商品分类"></label>
                  </div>
                  <div>
                    <label for="">商品成色: <input type="text" name="fineness" placeholder="输入商品价格"></label>
                  </div>
                 
                  <div>
                    <label class="btn btn-info" for="uploadfile">上传商品图片<i class="fa fa-plus" aria-hidden="true"></i></label>
                    <input type="file" name="file" id="uploadfile" style="position:absolute;clip:rect(0 0 0 0);">
                    <img  src="./images/fish.png" style="width:50px; height:50px;" id="result" >
                  </div>
                  <div class="ptpbtn2">
                    <button type="submit" id="push">发布</button>
                    <button type="button" id="ptpNull">取消</button>
                  </div>
                 
                 
                </form>
                </form>
              </div>
            <div id="ptpFoot"></div>
        </div>

        <div id="loginBox">
            <div id="loginHead">
                <h1>登录账号</h1>
            </div>
            <div id="loginBody">
                <form action="" name="loginUser">
                    <div>
                        <label for="">用户名：<input type="text" placeholder="请输入用户名"></label>
                    </div>
                    <div>
                        <label for="">密　码：<input type="password" placeholder="请输入密码"></label>
                    </div>
                    <div id="loginUser3">
                        <button type="submit">登 录</button>
                        <button>忘记密码</button>
                    </div>
                </form>
            </div>
            <div id="loginFoot">
                <a href="#" id="goRegBox">暂无账号?前往注册 ></a>
            </div>
        </div>

        <div id="regBox">
            <div id="regHead">
                <h1>注册账号</h1>
            </div>
            <div id="regBody">
                <form action="" name="regUser">
                    <div>
                        <label for="">用户名　:<input type="text" placeholder="请输入用户名"></label>
                    </div>
                    <div>
                        <label for="">密　码　:<input type="password" placeholder="请输入密码"></label>
                    </div>
                    <div>
                        <label for="">确认密码:<input type="password" placeholder="请再次输入密码"></label>
                    </div>
                    <div id="loginUser3">
                        <button type="submit">注册</button>
                    </div>
                </form>
            </div>
            <div id="regFoot">
                <a href="#" id="goLoginBox">已有账号?前往登录 ></a>
            </div>
        </div>
    </div>
</body>

</html>